<template >
  <header id="" style="background-color: #F8F8F9">
    <div style="color: #487CA4" class="mt-5" align="center">
      <h6>余额： 0</h6>
      <h6>充值商户： 周麻婆</h6>
    </div>
    <div class="row mt-5" >
      <div class="col-6" align="right">
        <button type="button" class="btn btn-outline-primary" >
          <span class="">200.00元<br>
            <small class="mr-4 ml-4">充200送15元劵</small></span></button>
      </div>
      <div class="col-6" style="color: #487CA4">
        <button type="button" class="btn btn-outline-primary" >
              <span class="">200.00元<br>
            <small class="mr-4 ml-4">充200送15元劵</small></span></button>
      </div>
    </div>
    <div class="row mt-4" >
      <div class="col-6" align="right" style="color: #487CA4">
        <button type="button" class="btn btn-outline-primary" >
            <span class="">200.00元<br>
            <small class="mr-4 ml-4">充200送15元劵</small></span></button>
      </div>
      <div class="col-6" style="color: #487CA4">
        <button type="button" class="btn btn-outline-primary" width="200" >
            <span class="">其他金额<br>
            <small class="mr-4 ml-4">自定义输入</small></span></button>
      </div>

      <div>

      </div>
    </div>
  </header>

</template>

<script>
export default {
  name: "OnlineRecharge"
}
</script>

<style scoped>
#background{
  background-color: #F7F7F7;
}
</style>
